<template>
	<view class="yz">
		<view class="box">
			<div class="input-box">
				<text class="cuIcon-search" @click="onScan"></text>
				<input class="input-inp" placeholder="搜索文件" />
			</div>
			<view class="icon-circle" @click="onShowTransfer"><text class="cuIcon-order"></text></view>
			<view class="icon-circle" @click="onShowUpload"><text class="cuIcon-add"></text></view>
		</view>
		<upload-popup :isShow_UploadPopup.sync="isShow_UploadPopup"></upload-popup>
	</view>
</template>

<script>
	import UploadPopup from '../../public/UploadPopup.vue';
	export default {
		name: '',
		components: {
			UploadPopup
		},
		data() {
			return {
				isShow_UploadPopup: false
			};
		},
		watch: {
			isShow_UploadPopup() {
				this.isShow_UploadPopup ? uni.hideTabBar({
					animation: true
				}) : uni.showTabBar({
					animation: true
				})
			}
		},
		mounted() {},
		methods: {
			// 显示传输记录弹窗
			onShowTransfer() {
				// this.isShowTransfer = true
				this.$pub.naviTo('/pages/public/TransferPopup/TransferManager')
			},
			// 显示上传列表弹窗
			onShowUpload() {
				this.isShow_UploadPopup = true;
			}
		}
	};
</script>

<style lang="less" scoped>
	.box {
		padding: 10px 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.input-box {
		padding: 8rpx 20rpx;
		width: 70%;
		height: 30px;
		border-radius: 50px;
		display: flex;
		align-items: center;
		background-color: #f5f5f5;

		.input-inp {
			border: none;
			background-color: inherit;
			margin-left: 4px;
			font-size: 14px;
		}
	}
</style>
